<!--
此文件为开发者工具生成，生成时间: 2023/9/7上午10:14:06
使用方法：
在 E:\小程序\荔枝家教\家长端\lxkj_tech\unpackage\dist\dev\mp-weixin\pages\home\homeIndex.wxml 引入模板

```
<import src="homeIndex.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\小程序\荔枝家教\家长端\lxkj_tech\unpackage\dist\dev\mp-weixin\pages\home\homeIndex.wxss 中引入样式
```
@import "./homeIndex.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
	<view class="sk-container">
		<view>
			<view class="box">	
				<view class="tabbar">
					<view class="tab">
						<view>
							<view class="one sk-transparent sk-text-14-2857-731 sk-text sk-pseudo sk-pseudo-circle"
								style="margin-right: 36px; margin-left: 8px; background-position-x: 50%;">最新</view>
							<view class="another sk-transparent sk-text-14-2857-539 sk-text"
								style="margin-right:36px;margin-left:8px;">最近</view>
						</view>
						<view class="more sk-transparent">更多
							<image mode="true" style="width:12px;height:11px;margin-left:5px;" class="sk-image"></image>
						</view>
					</view>
					<view class="teacher-item">
						<view class="boxs">
							<view class="left">
								<image mode="scaleToFill" style="width:85px;height:113px;border-radius:11px;"
									class="sk-image"></image>
								<view class="_p sk-transparent sk-text-14-2857-274 sk-text"
									style="background-position-x: 50%;">ID：100003</view>
							</view>
							<view class="center">
								<view style="margin-bottom:8px;" class="sk-transparent">龙虓科技
									<image mode="true"
										style="width:17px;height:17px;vertical-align:middle;margin-left:9px;"
										class="sk-image"></image>
								</view>
								<view class="school _p sk-transparent sk-text-14-2857-191 sk-text">合肥-自动化</view>
								<view style="display:flex;align-items:center;position:absolute;">
									<view class="education _p sk-transparent sk-text-14-2857-216 sk-text"
										style="font-size:14px;color:#444444;">本科毕业,</view>
									<view class="education _p sk-transparent sk-text-14-2857-519 sk-text"
										style="font-size:14px;color:#444444;">机构老师,</view>
								</view>
								<view style="display:flex;align-items:center;margin-top:27px;">
									<view class="grade grade19 sk-transparent sk-text-31-2500-420 sk-text">初中物理</view>
									<view class="grade grade19 sk-transparent sk-text-31-2500-314 sk-text">初中化血</view>
								</view>
							</view>
						</view>
						<view class="right">
							<view>
								<image mode="true" style="margin-right:3px;" class="sk-image"></image>
								<text class="sk-transparent sk-text-14-2857-454 sk-text">已认证</text>
							</view>
							<view style="margin-top:100px;position:absolute;right:27px;">
								<image mode="true" style="margin-right:3px;width:8px;height:10px;" class="sk-image">
								</image>
								<text style="color:#000;" class="sk-transparent sk-text-14-2857-97 sk-text">5.27m</text>
							</view>
						</view>
					</view>
					<view class="teacher-item">
						<view class="boxs">
							<view class="left">
								<image mode="scaleToFill" style="width:85px;height:113px;border-radius:11px;"
									class="sk-image"></image>
								<view class="_p sk-transparent sk-text-14-2857-867 sk-text"
									style="background-position-x: 50%;">ID：100002</view>
							</view>
							<view class="center">
								<view style="margin-bottom:8px;" class="sk-transparent">陈小希
									<image mode="true"
										style="width:17px;height:17px;vertical-align:middle;margin-left:9px;"
										class="sk-image"></image>
								</view>
								<view class="school _p sk-transparent sk-text-14-2857-544 sk-text">安徽农业大学-计算机</view>
								<view style="display:flex;align-items:center;position:absolute;">
									<view class="education _p sk-transparent sk-text-14-2857-216 sk-text"
										style="font-size:14px;color:#444444;">大学生,</view>
									<view class="education _p sk-transparent sk-text-14-2857-232 sk-text"
										style="font-size:14px;color:#444444;">在校大学生,</view>
									<view class="education _p sk-transparent sk-text-14-2857-608 sk-text"
										style="font-size:14px;color:#444444;">本科,</view>
									<view class="education _p sk-transparent sk-text-14-2857-308 sk-text"
										style="font-size:14px;color:#444444;">准大一,</view>
								</view>
								<view style="display:flex;align-items:center;margin-top:27px;">
									<view class="grade grade18 sk-transparent sk-text-31-2500-612 sk-text">小学语文</view>
								</view>
							</view>
						</view>
						<view class="right">
							<view>
								<image mode="true" style="margin-right:3px;" class="sk-image"></image>
								<text class="sk-transparent sk-text-14-2857-93 sk-text">已认证</text>
							</view>
							<view style="margin-top:100px;position:absolute;right:27px;">
								<image mode="true" style="margin-right:3px;width:8px;height:10px;" class="sk-image">
								</image>
								<text style="color:#000;"
									class="sk-transparent sk-text-14-2857-172 sk-text">5.26m</text>
							</view>
						</view>
					</view>
					<view class="teacher-item">
						<view class="boxs">
							<view class="left">
								<image mode="scaleToFill" style="width:85px;height:113px;border-radius:11px;"
									class="sk-image"></image>
								<view class="_p sk-transparent sk-text-14-2857-36 sk-text"
									style="background-position-x: 50%;">ID：100001</view>
							</view>
							<view class="center">
								<view style="margin-bottom:8px;" class="sk-transparent">橙子
									<image mode="true"
										style="width:17px;height:17px;vertical-align:middle;margin-left:9px;"
										class="sk-image"></image>
								</view>
								<view class="school _p sk-transparent sk-text-14-2857-383 sk-text">科技大学-软件</view>
								<view style="display:flex;align-items:center;position:absolute;">
									<view class="education _p sk-transparent sk-text-14-2857-583 sk-text"
										style="font-size:14px;color:#444444;">大学生,</view>
									<view class="education _p sk-transparent sk-text-14-2857-883 sk-text"
										style="font-size:14px;color:#444444;">在校大学生,</view>
									<view class="education _p sk-transparent sk-text-14-2857-769 sk-text"
										style="font-size:14px;color:#444444;">本科,</view>
									<view class="education _p sk-transparent sk-text-14-2857-790 sk-text"
										style="font-size:14px;color:#444444;">准大一,</view>
								</view>
								<view style="display:flex;align-items:center;margin-top:27px;">
									<view class="grade grade19 sk-transparent sk-text-31-2500-145 sk-text">初中化血</view>
									<view class="grade grade20 sk-transparent sk-text-31-2500-487 sk-text">高中生物</view>
								</view>
							</view>
						</view>
						<view class="right">
							<view>
								<image mode="true" style="margin-right:3px;" class="sk-image"></image>
								<text class="sk-transparent sk-text-14-2857-565 sk-text">已认证</text>
							</view>
							<view style="margin-top:100px;position:absolute;right:27px;">
								<image mode="true" style="margin-right:3px;width:8px;height:10px;" class="sk-image">
								</image>
								<text style="color:#000;" class="sk-transparent sk-text-14-2857-663 sk-text">0m</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/9/7上午10:14:06
	
	在 E:\小程序\荔枝家教\家长端\lxkj_tech\unpackage\dist\dev\mp-weixin\pages\home\homeIndex.wxss 中引入样式
	```
	@import "./homeIndex.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-988 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 43.1159rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-897 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 38.0435rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-818 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-335 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-787 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-648 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-200 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 48.1884rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-507 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-490 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-109 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-797 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-32-9787-470 {
	    background-image: linear-gradient(transparent 32.9787%, #EEEEEE 0%, #EEEEEE 67.0213%, transparent 0%) !important;
	    background-size: 100% 85.1449rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-731 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-539 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-274 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 27.8986rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-191 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-216 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-519 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-31-2500-420 {
	    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
	    background-size: 100% 43.4783rpx;
	    position: relative !important;
	  }
	.sk-text-31-2500-314 {
	    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
	    background-size: 100% 43.4783rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-454 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-97 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-867 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 27.8986rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-544 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-232 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-608 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-308 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-31-2500-612 {
	    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
	    background-size: 100% 43.4783rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-93 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-172 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-36 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 27.8986rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-383 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-583 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-883 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-769 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-790 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-31-2500-145 {
	    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
	    background-size: 100% 43.4783rpx;
	    position: relative !important;
	  }
	.sk-text-31-2500-487 {
	    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
	    background-size: 100% 43.4783rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-565 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-663 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-574 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-63 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-2 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-441 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>